$(function(){
    $("#bannerInner").tyslide({
        boxh:410,//盒子的高度
        w:1000,//盒子的宽度
        h:410,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:20,//控制按钮高度
        radius:5,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:true //是否显示数字
    });
})
$("#banner").tyslide({
    boxh:202,//盒子的高度
    w:332,//盒子的宽度
    h:202,//图片的高度
    isShow:true,//是否显示控制器
    isShowBtn:true,//是否显示左右按钮
    controltop:10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW:20,//控制按钮宽度
    controlsH:3,//控制按钮高度
    radius:5,//控制按钮圆角度数
    controlsColor:"#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
    isShowNum:false //是否显示数字
});

$(".book-side li").on("click",function(){
    $(".book-side li div").removeClass("active");
    $(".book-side li p").addClass("active");
   $(this).find("div").addClass("active").siblings().removeClass('active');
})
$(".wid span").on('click',function(){
    $(this).addClass('on').siblings().removeClass('on')
    var a=$(this).index();
   $($(".main-right-box")[a]).addClass('activee').siblings().removeClass('activee')
    console.log( a );
})
//主轮播图
$("#Inner").tyslide({
    boxh:378,//盒子的高度
    w:429,//盒子的宽度
    h:378,//图片的高度
    isShow:true,//是否显示控制器
    isShowBtn:true,//是否显示左右按钮
    controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW:20,//控制按钮宽度
    controlsH:4,//控制按钮高度
    radius:5,//控制按钮圆角度数
    controlsColor:"#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
    isShowNum:false //是否显示数字
});

$('.cloth .bnt').on('click',function(){
    $(this).addClass('on').siblings().removeClass('on');
    var a=$(this).index();
    $($('.cloth .cloth-top')[a]).addClass('activee').siblings().removeClass('activee')
})
$("#pptt").tyslide({
    boxh:378,//盒子的高度
    w:429,//盒子的宽度
    h:378,//图片的高度
    isShow:true,//是否显示控制器
    isShowBtn:true,//是否显示左右按钮
    controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW:20,//控制按钮宽度
    controlsH:4,//控制按钮高度
    radius:5,//控制按钮圆角度数
    controlsColor:"#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
    isShowNum:false //是否显示数字
});




$('.outside .bnt').on('click',function(){
    $(this).addClass('on').siblings().removeClass('on');
    var a=$(this).index();
    $($('.outside .cloth-top')[a]).addClass('activee').siblings().removeClass('activee')
})






$("#childrenppt").tyslide({
boxh:378,//盒子的高度
w:429,//盒子的宽度
    h:378,//图片的高度
    isShow:true,//是否显示控制器
    isShowBtn:true,//是否显示左右按钮
    controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW:20,//控制按钮宽度
    controlsH:4,//控制按钮高度
    radius:5,//控制按钮圆角度数
    controlsColor:"#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
    isShowNum:false //是否显示数字
});


$('.children .bnt').on('click',function(){
    $(this).addClass('on').siblings().removeClass('on');
    var a=$(this).index();
    $($('.children .cloth-top')[a]).addClass('activee').siblings().removeClass('activee')
})



$('.product .cloth-main div').on('mouseover',function(){
    $(this).addClass('producton').siblings().removeClass('producton');
})


$('.product .book-nav span').on('click',function(){
    $(this).removeClass('spanon')
    $(this).addClass('spanon').siblings().removeClass('spanon');
    var a = $(this).index();
    $($('.product .cloth-main')[a]).addClass('on').siblings().removeClass('on');
})


// 返回顶部
window.onscroll=function(){
    
    if(window.scrollY>=400){
        $('.backtop').show(100);
    }else{
        $('.backtop').hide(100);
    }
    if(window.scrollY>=400 && window.scrollY<=4382 ){
        $('.aside').show(100);
    }else{
        $('.aside').hide(100);
    }
    if(window.scrollY>=400){
        $('.fix-search').show(100);
    }else{
        $('.fix-search').hide(100);
    }
    // console.log( $('html,body').scrollTop());
}
$('.backtop').on('click',function(){
        $('html,body').animate({scrollTop:0}, 500);
})


// 侧边栏
$('.aside div').on('mouseover',function(){
    $(this).find('img:nth-child(2)').stop(true,false).show(100);
})
$('.aside div').on('mouseout',function(){
    $(this).find('img:nth-child(2)').stop(true,false).hide(100);
})



$('.aside div').eq(0).on('click',function(){
    $('html,body').animate({scrollTop:904}, 500);
}
)
$('.aside div').eq(1).on('click',function(){
    $('html,body').animate({scrollTop:1412}, 500);
}
)
$('.aside div').eq(2).on('click',function(){
    $('html,body').animate({scrollTop:2112}, 500);
}
)
$('.aside div').eq(3).on('click',function(){
    $('html,body').animate({scrollTop:2900}, 500);
}
)
$('.aside div').eq(4).on('click',function(){
    $('html,body').animate({scrollTop:3500}, 500);
}
)